---
title: Grids
description: Responsive grid layouts and grid systems created with Tailwind CSS v4 for modern web applications. Flexible, SEO-optimized grid components for dashboards, admin panels, and content organization with customizable columns and rows. Perfect for responsive design and CSS grid implementation.
emoji: 📦
wrapper: h-[400px]
container: p-6
terms:
  - grid
  - layout
  - columns
components:
  - { title: '1x1' }
  - { title: '1x2' }
  - { title: '2x1' }
  - { title: '1x1x1' }
  - { title: '1x1x1x1' }
  - { title: '1x1x2' }
  - { title: '2x1x1' }
  - { title: '1x2x1' }
  - { title: 'Sidebar left' }
  - { title: 'Sidebar right' }
---

# Grid Components

<p>{frontmatter.description}</p>

<CollectionList componentsData={componentsData} />
